/* CSS Document */
*{padding:0px; margin:0px;}
body{
	background:url(../images/bg.png) repeat top center;
	font-family:"Lucida Grande",Tahoma; font-size:11px; letter-spacing:1px;
}
.to{color:#CF3B17;}
.clr{clear:both;}
.picker{
	width:90px;
}
a img{margin:0px; padding:0px; border:none;}
#menu-top{
	width:100%;
	margin:auto;
	height:45px;
	background:url(../images/bg-menu.png) repeat-x bottom center;
}
#footer{width:880px; height:50px; background-color:transparent;}
#menu-top .menu{
	width:880px;
	height:45px;
	margin:auto;
}
.list_file{
	margin-left:30px;
	font-size:12px;
	padding:5px;
}
.list_file li{
	padding:4px;
}
.list_file li a.hapus_file{
	padding:2px; background-color:#FF3300;
	text-decoration:none; color:#222;
	-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
	font-size:11px;
}
.list_file li a.lihat_file{
	color:#000000; font-weight:bold; margin-right:20px;
}
.list_file li a.hapus_file:hover{
	background-color:#FFCC00;
}

#content{
	margin:auto;
	width:880px;
	height:auto;
	min-height:400px;
	background:#fff;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px#333;
	box-shadow: 0 0 5px #333;
}
#content .top{
	background-color:#CF3B17;
	height:40px;
	width:100%; margin:auto;
}
#content .top .title{
	float:left;
	font-size:19px;
	padding:5px; color:#fff;
	width:70%; letter-spacing:.7px;
	
}
#content .top .action{
	width:25%;
	float:right;
}
#content .top .action a{
	padding:12px; font-size:11px;
	float:right; color:#222;
	text-decoration:none;
	
}
#content .top .action a:hover,#content .top .action a.active{
	background-color:#222;
	color:#fff;
}
#content .info{
	height:auto; padding:10px;
	background-color:#FFE27F;
	margin:5px;
}
#content .info a.hiden{
	float:right; font-weight:bold;
	text-decoration:none; color:#222;
}
#content .workarea{
	height:auto;
	margin:5px;
}
#content .workarea form.input{
	background-color:#eee;
	padding:15px 0px 15px 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(top, #eee, #fff);
	-moz-box-shadow: inset 0 0 3px #aaa;
	-webkit-box-shadow: inset 0 0 3px #aaa;
}
#content .workarea form.cari{
	width:550px; float:left;
}
#content .workarea .paging{
	float:right;
	margin-top:15px;
	height:21px;
}
#content .workarea .paging a,#content .workarea .paging strong{
	padding:8px;
	text-decoration:none;
	background-color:#fff; color:#222;
}
#content .workarea .paging a:hover,#content .workarea .paging strong{
	background-color:#222; color:#fff;
}
#content .workarea table.data{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
#content .workarea table.data tr th{
	padding:14px 5px;
	background-color:#222;
	color:#fff; text-align:left;
}
#content .workarea table.data tr td{
	padding:10px 5px;
	border-bottom:1px solid #eee;
}
#content .workarea table.data tr:hover{
	background-color:#FFE27F; cursor:pointer;
}
#header{
	margin:auto;
	width:880px;
	height:85px;
	color:#222;
}
#header .company{
	float:left;
	width:560px;
}
#header .myprofile{
	float:right;
	width:200px;
	text-align:right;
}
#header .myprofile a{
	text-decoration:none;
	color:#222;
	font-size:13px;
}
#header .myprofile a:hover{
	color:#CF3B17;
	text-decoration:underline;
}
#header .company h1{
	color:#CF3B17;
	text-shadow: 1px 1px 1px #444;
}
input,select,textarea{
	padding:6px;
	border:1px solid #CCCCCC;
	font-family:"Lucida Grande",Tahoma; font-size:13px; letter-spacing:1px;
}
.btn-cari,.btn-reset,.btn-simpan,.btnsimpan,.btnbatal{
	border:1px solid #CCCCCC;
	cursor:pointer; background-color:#222;
	height:32px;
	color:#fff;
	-moz-box-shadow: 1px 2px 2px #ddd;
	-webkit-box-shadow: 1px 2px 2px #ddd;
	-o-box-shadow: 1px 2px 2px #ddd;

}
.profile-user{
	float:right;
	width:390px;
	padding:10px;
	color:#fff;
	text-align:right;
}

.profile-user a{
	color:#FADC76;
	text-decoration:none;
}
a.out{
	float:right; background-color:#444;
	padding:11px; color:#FADC76;
	text-decoration:none;
}
a.out:hover{
	background-color:#FADC76;
	color:#222;
}
table.form{
	width:100%;
}
table.form tr td{
	padding:2px 8px;
}
.focus{
	background-color:#FEFAC2;
}
/*menu */
#nav, #nav ul{
	margin:0; float:left;
	font-size:11px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
}
#nav{
	background-color:transparent;
	margin-top:-2px;
}
#nav a{
	display:block;
	padding:10.6px 15px;
	border:0px solid #1581A5;
	color:#fff;
	text-decoration:none;
	background-color:#333;
}

#nav a:hover{
	background:#555;
	color:#fff;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	width:14em;
	top:36px;
}

#nav li ul a{
	width:13.5em;
	height:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:17em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/********/
a.tadd{
	padding:6px;
	background-color:#333333;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
a.tadd:hover{
	background-color:#666;
}
.file{
	padding:7px 10px;
	background-color:#ddd;
	font-size:13px; 
	margin-top:5px;	
}
.file a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#069;	
}
.file a:hover{
	color:#F90;	
}